<ui:fragment xmlns="http://w3.org/1999/xhtml"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:p="http://primefaces.org/ui">


		<div class="row-fluid">
				<div class="span3">
						<p:outputLabel styleClass="text-right"
								value="Como gostaria de ser chamado?" for="txtApelido" />
				</div>
				<div class="span4">
						<p:inputText value="#{pessoa.apelido}" id="txtApelido" />
				</div>
		</div>


		<p:outputPanel layout="block" rendered="#{usuarioMB.isAdministrador()}" styleClass="row-fluid">
				<div class="span3">
						<p:outputLabel styleClass="text-right" value="Tipo de Usuário"
								for="cmbTipoUsuario" />
				</div>
				<div class="span4">
						<p:selectOneMenu value="#{pessoa.usuario.tipoUsuario}"
								required="true" id="cmbTipoUsuario"
								requiredMessage="Tipo dde usuário: O campo deve ser selecionado">
								<f:selectItem noSelectionOption="true"
										itemLabel="-- Selecione --" />
								<f:selectItems value="#{pessoaMB.tipoUsuario}" var="t"
										itemLabel="#{t.nome}" itemValue="#{t}" />
						</p:selectOneMenu>
				</div>
				<div class="span5">
						<p:message for="cmbTipoUsuario" />
				</div>
		</p:outputPanel>


		<p:outputPanel id="pnlCPF" layout="block" styleClass="row-fluid">
				<div class="span3">
						<p:outputLabel styleClass="text-right" value="CPF" for="txtCPF" />
				</div>
				<div class="span4">
						<p:inputMask value="#{pessoa.cpf}" id="txtCPF" required="true"
								mask="999.999.999-99" converter="#{cpfConverter}"
								requiredMessage="CPF: O campo não pode ser vazio.">
								<p:ajax event="blur" update="pnlCPF" />
								<f:attribute name="idPessoa" value="#{pessoa.id}"></f:attribute>
								<f:validator binding="#{cpfValidator}">
								</f:validator>
						</p:inputMask>
						
						
				</div>
				<div class="span5">
						<p:message for="txtCPF" id="msgCPF" />
				</div>
		</p:outputPanel>


		<div class="row-fluid">
				<div class="span3">
						<p:outputLabel styleClass="text-right" value="Data de Nascimento"
								for="txtNascimento" />
				</div>
				<div class="span4">
						<p:calendar value="#{pessoa.dataNascimento}"
								showButtonPanel="true" showOn="button" pattern="dd/MM/yyyy"
								required="true"
								requiredMessage="Data de Nascimento: Deve ser informada uma data válida."
								id="txtNascimento">
								<f:converter binding="#{calendarConverter}" />
						</p:calendar>
				</div>
				<div class="span5">
						<p:message for="txtNascimento" />
				</div>
		</div>





</ui:fragment>